<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <%@ include file="main/main_css.jsp" %>
    <%@ include file="main/main_js.jsp" %>
    
    <title>主页</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
  </head>
  
  <body>
    <!--  -->
    <div class="all-wrapper new-style">
        <div class="row com-header text-center">
            <span>鹰潭市行政服务中心</span>
        </div>
        <div class="row main-content">
            <div class="tit-wp">
                <span class="title cn">
                欢迎使用智能服务自助系统
                </span>
                <span class="title en">
                    welcome to Intelligent Service system
                </span>
            </div>
            <div class="main-panel m hidden">
               <div class="row">
                    <!-- 一列 -->
                    <div class="col-md-11">
                        <!-- 政务服务 -->
                        <div class="row gov-affair">
                            <div class="col-md-3 cusp">
                                <div class="gov-server">
                                    <span>政务服务</span>
                                </div>  
                            </div>
                            <div class="col-md-21">
                               <div class="row">
                                   <div class="col-md-24 cusp">
                                       <div class="per-afr">
                                            <a href="/smartTerminal/getoritems?type=2">
                                                <span>个人办事</span>
                                            </a>
                                       </div>  
                                   </div>
                                   <div class="col-md-12 cusp hidden">
                                        <div class="grp-afr">
                                                <a href="/smartTerminal/getoritems?type=1">
                                                    <span>企业办事</span>
                                                </a>
                                        </div> 
                                   </div>
                                   <div class="col-md-24 cusp hidden">
                                        <div class="ord">
                                            <a href="/smartTerminal/getoritems?type=2">
                                                <span>办事预约</span>
                                            </a>
                                        </div> 
                                   </div>
                               </div>
                            </div>
                        </div>
                        
                    </div>
                    <!-- 第二列 -->
                    <div class="col-md-11 col-md-offset-2">
                        <!-- 自助办事处 -->
                        <div class="row diy-affair">
                            <div class="col-md-3 cusp">
                                <div class="diy-tit">
                                    <span>自助办事处</span>
                                </div>
                            </div>
                            <div class="col-md-21">
                                <div class="row">
                                    <div class="col-md-24 cusp">
                                        <div class="banshichaxun">
                                            <a href="MyBussinessController/queryBussiness">
                                             <span>办件进度查询</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-24 cusp">
                                        <div class="shixiangchaxun">
                                            <a href="MyBussinessController/getItem">
                                            <span>事项查询</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
               </div>
            </div>
            <div class="main-panel swiper">
                 <!-- swiper -->

                <div id="banner">     
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide rightDownBig">
                                <img src="static/image/index/city2.jpg" />
                                <div class="detail hidden">
                                    <h3>1</h3>
                                    <p><span></span></p>
                                </div>
                            </div>
                            <div class="swiper-slide hidden">
                                <img src="static/image/index/timg.jpg" />
                                    <div class="detail hidden">
                                        <h3>2</h3>
                                        <p><span></span></p>
                                    </div>
                            </div>
                           
                        </div>
                    </div>
                    <div class="swiper-pagination hidden"></div>
                </div>
         
            <!-- swiper -->
            </div>
        </div>
        <div class="row footer">
            <span>服务热线：4208208820</span>
            <div class="pull-right">
                <span class="md">主办单位：鹰潭市信息办</span>
                <span class="md">技术支持：深圳市广通软件有限公司</span>
            </div>
        </div>
    </div>
  </body>
  <script src="static/js/common.js" type="text/javascript"></script>
   <script>
    trList=['leftUp','moveRight','moveDown','centerBig','rightDownBig'];
    var swiper = new Swiper('.swiper-container',{
        speed:500,
        autoplay:4400,
        autoplayDisableOnInteraction:false,
        effect:'fade',
        pagination : '.swiper-pagination',
        paginationClickable :true,
        onSlideChangeStart: function(swiper){
            nextSlide=swiper.slides.eq(swiper.activeIndex);
            nextSlide.addClass(trList[Math.floor(Math.random()*5)]);
           },
        onSlideChangeEnd: function(swiper){
            prevSlide=swiper.slides[swiper.previousIndex];
            prevSlide.className="swiper-slide";
           },
        }); 
    $('.main-panel.swiper').on('mousedown',function(){
    	$(this).addClass('hidden');
    	$('.main-panel.m').removeClass('hidden');
    });
    </script>
</html>
